.conts {
    align-items: center;
    padding: 26px 24px;
    border: @border;
    .transition;
    margin-bottom: 20px;
  }
  
  .conts:hover {
    transform: scale(1.03);
    box-shadow: 0 0 10px @green;
    border: 1px solid @green;
  }
  
  .conts img {
    width: 290px;
    height: 196px;
    margin-right: 40px;
  }
  
  .conts .name {
    font-size: 24px;
    margin-bottom: @f20;
  }
  
  .conts .cont {
    font-size: @f14;
    line-height: @f30;
    color: #8A8A8A;
    margin-bottom: @f20;
  }
  
  .conts .browse {
    font-size: 12px;
    color: #CDCDCD;
    .j_between
  }
  
  .conts .browse div {
    align-items: center;
  }
  
  .conts>div {
    width: calc(100% - 330px)
  }
  
  .iconliulan {
    margin-right: 5px;
    margin-top: 2px;
  }
  .pages{
     width: 1200px;
     margin: 50px auto 0 ;
     .j_center;
  }